<template>
	<view class="page">
		<uni-list>
			<uni-list-chat v-for="one in list" :key="one.id" :title="one.senderName"
				:note="one.msg" :avatar="one.senderPhoto" badgePositon="left"
				:badgeText="one.readFlag?'':'dot'" link="navigateTo"
				:to="'../message/message?id=' + one.id + '&readFlag=' + one.readFlag + '&refId=' + one.refId">
				<view class="chat-custom-right">
					<text class="chat-custom-text">{{one.sendTime}}</text>
				</view>
			</uni-list-chat>
		</uni-list>
		<view v-if="list==[]">暂无消息</view>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue';
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue';

	export default {
		components:{
			uniList,
			uniListItem
		},
		data() {
			return {
				page:1,
				length:20,
				list:[],
				isLastPage:false   //是否翻到最后一页
			}
		},
		onShow:function(){
				let that=this
				that.page=1
				that.isLastPage=false
				uni.pageScrollTo({
					scrollTop:"0"
				})
				that.loadMessageList(that)
			},
		onLoad:function(){
			console.log("执行加载")
		},
		onReachBottom:function(){
				let that=this
				if(that.isLastPage){
					return
				}
				that.page=that.page+1
				that.loadMessageList(that)
			},
		methods:{
			loadMessageList:function(ref){
							let data={
								page:ref.page,
								length:ref.length
							}
							ref.ajax(ref.url.searchMessageByPage,"POST",data,function(resp){
								let result=resp.data.result
								if(result==null||result.length==0){
									ref.isLastPage=true
									ref.page=ref.page-1
									uni.showToast({
										icon:"none",
										title:"已经到底了"
									})
								}
								else{
									if(ref.page==1){
										ref.list=[]
									}
									//concat 在数组的后面追加数据
									ref.list=ref.list.concat(result)
									if(ref.page>1){
										uni.showToast({
											icon:"none",
											title:"又加载了"+result.length+"条消息"
										})
									}
								}
							})
						}
		}
		}
</script>

<style lang="less">
@import url("message_list.less");
</style>
